.navbar-logo {
    font-size: 2em;
    font-weight: bolder;
    font-family: '华文仿宋';
    font-style: italic;
    color: #007bff;
}

.cl-code-icon {
    max-width: 15%;
    height: auto;
    margin-left: 6%;
    transition: max-width 200ms linear;
}

.cl-code-icon:hover {
    position: relative;
    max-width: 17%;
    height: auto;
    z-index: 10000;
}

.header-logo-img {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    max-width: 40%;
    height: auto;
    border-radius: 50%;

}

.header-info {
    display: block;
    max-width: 100%;
}

.header-info span {
    display: inline-block;
    width: 30%;
    text-align: center;
}

/*微信二维码*/
#head-wechat-code {
    position: relative;
}

#head-wechat-code:after {
    content: url(img/wechat-code.jpg);
    position: absolute;
    right: -28px;
    top: 35px;
    z-index: 99;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    transform-origin: top;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#head-wechat-code:hover:after {
    transform: scale(1);
    opacity: 1;
}

/*QQ二维码*/
#head-qq-code {
    position: relative;
}

#head-qq-code:after {
    content: url(img/QQ-code.jpg);
    position: absolute;
    right: -28px;
    top: 35px;
    z-index: 99;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    transform-origin: top;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#head-qq-code:hover:after {
    transform: scale(1);
    opacity: 1;
}